<template>
	<view class="pagebox">
<!-- 		<view class="doctorbox">
			<view class="imgbox">
				<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
			</view>
			<view class="infobox">
				<view class="nameline">
					<view class="name">
					刘医生
					</view>
					<view class="keshi">
						内科
					</view>
				</view>
				<view class="homeleftrail">
					河北医科大学第二医院
				</view>
				<view class="zhichengline">
					<view class="itemzhicheng">
						主任医师
					</view>
				</view>
			</view>
		</view> -->
		<view class="listbox">
			<view class="receive">
				<view class="imagebox">
					<image src="/static/image/微信图片_20250923172704_https://changban.dianjingkeji.net/img/微信图片_20250923172704_692_133.jpg.jpg" mode=""></image>
				</view>
				<view class="msgbox">
					<view class="name">
						6X医生
					</view>
					<view class="msg">
						您好，有什么可以帮您的吗？
					</view>
				</view>
			</view>
			<view class="send">
				<view class="msgbox">
					<view class="msg">
						土豆有什么营养？
					</view>
				</view>
				<view class="imagebox">
					<image src="https://changban.dianjingkeji.net/img/微信图片_20230817153730.jpg" mode=""></image>
				</view>
			</view>
		</view>
		<view class="putbox">
			<view class="iconfont icon-shengyinkai">
				
			</view>
			<input type="text" />
			<view class="upbtn">
				+
			</view>
		</view>
		<!-- <view class="bannerbox">
			<view class="itembanner">
				<view class="yuanbox">
					<view class="iconfont icon-post_pic">
						
					</view>
				</view>
				<view class="bannername">
					拍照
				</view>
			</view>
			<view class="itembanner">
				<view class="yuanbox">
					<view class="iconfont icon-tupian">
						
					</view>
				</view>
				<view class="bannername">
					上传图片
				</view>
			</view>
			<view class="itembanner">
				<view class="yuanbox">
					<view class="iconfont icon-wenjianjia">
						
					</view>
				</view>
				<view class="bannername">
					文件上传
				</view>
			</view>
			<view class="itembanner">
				<view class="yuanbox">
					<view class="iconfont icon-dianhua">
						
					</view>
				</view>
				<view class="bannername">
					语音通话
				</view>
			</view>
		</view> -->
		<!-- <view class="footline">
			<view class="iconbox" @click="winshow=true">
				<view class="iconfont icon-fenxiang1">
					
				</view>
				<view class="name" >
					分享
				</view>
			</view>
			<view class="iconbox" @click="beixuan">
				<view class="iconfont icon-yisheng">
					
				</view>
				<view class="name" >
					备选医生
				</view>
			</view>
			<view class="btnbox">
				<view class="itembtn">
					
				</view>
				<view class="itembtn1" @click="gengduo">
					更多服务
				</view>
			</view>
		</view> -->
		
		
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
		
		}
	}
</script>

<style lang="less" scoped>
 .pagebox{
	 width: 750rpx;
	 box-sizing: border-box;
	 background-color: #f1f1f1;
	 padding-bottom: 120rpx;
	 
	 .listbox{
		 width: 100%;
	height: 91vh;
		
		 
		 background-color: whitesmoke;
		 box-sizing: border-box;
		 padding: 20rpx;
		 .receive{
			 width: 65%;
			 display: flex;
			 
			 align-items: flex-start;
			  margin-top: 20rpx;
			 .imagebox{
				 width: 80rpx;
				 height: 80rpx;
				 border-radius: 40rpx;
				 image{
					 width: 100%;
					 height: 100%;
					  border-radius: 35rpx;
				 }
			 }
			 .msgbox{
				 margin-left: 20rpx;
				 
				 .name{
					 font-size: 28rpx;
					 color: #898989 ;
				 }
				 .msg{
					 background-color: white;
					 font-size: 26rpx;
					 padding: 10rpx;
					 border-radius: 16rpx;
				 }
			 }
		 }
		 .send{
		 			 width: 65%;
		 			 display: flex;
		 			 align-items: flex-start;
					 justify-content: flex-end;
					 margin-top: 20rpx;
					 margin-left: 34%;
					
		 			 .imagebox{
		 				 width: 80rpx;
		 				 height: 80rpx;
		 				 border-radius: 40rpx;
						
		 				 image{
		 					 width: 100%;
		 					 height: 100%;
		 					  border-radius: 35rpx;
		 				 }
		 			 }
		 			 .msgbox{
		 				 margin-right: 20rpx;
		 				 
		 				 .name{
		 					 font-size: 28rpx;
		 					 color: #898989 ;
		 				 }
		 				 .msg{
		 					 background-color: #1a4f8a;
		 					 font-size: 26rpx;
							 color: white;
		 					 padding: 10rpx;
		 					 border-radius: 16rpx;
		 				 }
		 			 }
		 }
	 }
	 .putbox{
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 50rpx;
		.iconfont{
			width: 50rpx;
			height: 50rpx;
		}
		input{
			background-color: white;
			width: 80%;
			height: 60rpx;
		}
		.upbtn{
			width: 60rpx;
			height: 60rpx;
			border-radius: 50%;
			text-align: center;
			line-height: 60rpx;
			font-size: 40rpx;
			background-color: white;
		}
	 }
	
 }
</style>
